<!DOCTYPE HTML>
<html>

<head>
  <meta charset="UTF-8">
  <title>ALLX学习笔记</title>
  <link rel="shortcut icon" href="./icon/sparrow.png" />
  <link rel="bookmark" href="./icon/sparrow.png" type="image/x-icon" />
  <link rel="stylesheet" href="./styles/index.css">
  <script defer src="./scripts/index.js"></script>
</head>

<body>
  <div class="content-container">
    <h1>ALLX学习笔记</h1>
    <p>
      <canvas id="canvas"></canvas>
    </p>

    <div class="link-container" id="linkContainer">
      <div class="link-box">
        <!-- <a href="./VueStudy/VueCLI3.html">Vue CLI3 笔记</a> -->
        <a href="./VueStudy/Vue入门.html">Vue入门</a>
        <a href="./JavaStudy/javaweb入门.html">javaweb入门</a>
        <a href="./TypeScript/TS入门.html">ts入门</a>
        <a href="./WebGLStudy/webglProgramGuide/index.html">webgl入门</a>
        <a href="./NodejsStudy/nodejs入门.html">nodejs入门</a>
        <a href="./KeyPoint/keyPoint.html">js入门</a>
      </div>
      <div class="link-control-box">
        <a href="#" class="close-btn" title="关闭"></a>
        <a href="#linkContainer" class="open-btn" title="打开"></a>
      </div>
    </div>
  </div>

  <div class="bg-container">
    <div class="bg-box">
      <div id="bg1"></div>
      <div id="bg2"></div>
      <!-- <div id="bg3"></div>
      <div id="bg4"></div> -->
      <div id="bg6"></div>
      <!-- <div id="bg7"></div> -->
      <!-- <div id="bg8"></div> -->
      <div id="bg9"></div>
      <div id="bg10"></div>
      <div id="bg11"></div>
      <div id="bg5"></div>
    </div>
    <div class="bg-control-box">
      <div><a href="#bg1"></a></div>
      <div><a href="#bg2"></a></div>
      <!-- <div><a href="#bg3">3</a></div>
      <div><a href="#bg4">4</a></div> -->      
      <div><a href="#bg6"></a></div>
      <!-- <div><a href="#bg7">7</a></div> -->
      <!-- <div><a href="#bg8">8</a></div> -->
      <div><a href="#bg9"></a></div>
      <div><a href="#bg10"></a></div>
      <div><a href="#bg11"></a></div>
      <div><a href="#bg5"></a></div>
    </div>
  </div>


</body>

</html>